<template>
	<view>
		<view style="width: 750rpx;height: 190.84rpx;padding-top: 60rpx;text-align: center;font-size: 32.616rpx;color: #1C202C;background: #FFFFFF;z-index: 121212121;border-bottom: 0.05rpx solid #C1C1C1;">
			<view style="margin-top: 45rpx;">订单</view>
			<view style="display: flex;margin-top: 30rpx;padding: 0 70.668rpx;justify-content: space-between;color: #414141;">
				<view v-for="(itme,index) in arr_" :key="index" @tap="huanke(index,itme)"  style="display: flex;flex-direction: column;align-items: center;">
					<view style="font-size: 35.2rpx;letter-spacing: 1rpx;" :class="list_num == index ? 'ranse' : ''">{{itme}}</view>
					<view style="width: 50.0rpx;height: 10rpx;border-radius: 2.718rpx;background: #FF7300;margin-top: 10rpx;" v-if="list_num == index"></view>
				</view>
			</view>
		</view>
		<view>
			<scroll-view style="height: 300px;" scroll-y="true" refresher-enabled="true" :refresher-triggered="triggered" :refresher-threshold="0" refresher-background="lightgreen" @refresherpulling="onPulling" @refresherrefresh="onRefresh" @refresherrestore="onRestore" @refresherabort="onAbort">
				
			</scroll-view>
		</view>
	</view>
</template>
<script>
	export default {
		data(){
			return {
				arr_: ["意向","单节","转长单","全额","待付款"],
				list_num: 0,
				content: "",
				triggered: false,
				mechanism_id: "",
				currentPage: 1
			}
		},
		methods:{
			huanke(index,itme){
				let me = this
				me.list_num = index
				me.content = itme
			},
			onRefresh(){
				
			},
			onPulling(){
				
			},
		async	jigou_dingdan(){
				const res = await this.$myRequest({
					url: "/rechargerecord/queryMechanismList",
					data:{
						mechanism_id: this.mechanism_id,
						pageSize: 10,
						currentPage: this.currentPage,
						study_type: "mechanism_offline",
						appointment_id: 0
					}
				})
			}
		},
		onLoad() {
			try{
				this.mechanism_id = uni.getStorageSync('userif_list').mechanism_id
			}catch(e){}
			this.jigou_dingdan()
		},
		onShow() {
			
		}
	}
</script>

<style>
	.clo{
		color: #C4C4C4;
		border: 0.9rpx solid #C4C4C4;
	}
	.kaike{
		color: #FF7300;
		font-size: 21.744rpx;
		font-weight: bold;
	}
	.ranse{
		color: #FF7300;
	}
</style>
